<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>语义标签/title>  
</head>  
<body>  
  
<!-- 文章（页面或页面中的一个部分的主要内容） -->  
<article>  
    <h1>HTML5 语义化标签</h1>  
    <p>HTML5 引入了许多新的语义化标签，让网页结构更加清晰。</p>  
  
    <!-- 文章的标题或子标题 -->  
    <h2>头部（Header）</h2>  
    <header>  
        <h2>文章标题</h2>  
        <p>这是文章的简介。</p>  
    </header>  
  
    <!-- 导航部分 -->  
    <nav>  
        <ul>  
            <li><a href="#">首页</a></li>  
            <li><a href="#">关于我们</a></li>  
            <li><a href="#">服务</a></li>  
            <li><a href="#">联系方式</a></li>  
        </ul>  
    </nav>  
  
    <!-- 文章的主要内容 -->  
    <section>  
        <h2>主要内容区</h2>  
        <p>网页文章的主要内容。</p>  
  
        <!-- 旁注、引用、备注等 -->  
        <aside>  
            <h3>旁注</h3>  
            <p>相关信息</p>  
        </aside>  
  
        <!-- 文章中的一个分区 -->  
        <article>  
            <h3>小节标题</h3>  
            <p>这是文章中的一个小节</p>  
        </article>  
    </section>  
  
    <!-- 尾部（Footer） -->  
    <footer>  
     
    </footer>  
</article>  
  
</body>  
</html>